<html>
<head>
    <meta charset="utf8" />
</head>
<body>
<ul id="myul"></ul>
</body>
<script src="http://mat1.gtimg.com/libs/jquery2/2.1.2/jquery2.min.js"></script>
<script>
    $(function () {
        if ("WebSocket" in window)
        {
            // 打开一个 web socket
            var ws = new WebSocket("ws://172.17.0.2:9502/echo");

            //端和服务器建立连接时执行该回调函数
            ws.onopen = function()
            {
                // Web Socket 已连接上，使用 send() 方法发送数据
                // ws.send("发送数据");
                // console.log("数据发送中...");
            };

            //当服务器向客户端发送消息时该函数被执行
            ws.onmessage = function (evt)
            {
                var received_msg = evt.data;
                $("#myul").append("<li>"+received_msg+"</li>");
                console.log(received_msg);
            };

            //当客户端或服务器断开连接时该函数被执行
            ws.onclose = function()
            {
                // 关闭 websocket
                console.log("连接已关闭...");
            };
        }

        else
        {
            // 浏览器不支持 WebSocket
            alert("you brower is unable WebSocket!");
        }
    })
</script>
</html>